/* pages/home/home.wxss */
.top{
    width: 670rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-bottom: 34rpx;
  }
  .top .l {
    font-family: PingFangSC-Regular;
    font-size: 28rpx;
    color: #DFDFDF;
    display: flex;
    align-items: center;
  }
  .top .l image{
    width: 27rpx;
    margin-left: 10rpx;
    height: 14rpx;
    
  }
  .top .c image{
    width: 27rpx;
    height: 27rpx;
    margin-right: 15rpx;
  }
  .top .c{
    flex: 1;
    margin-left: 10rpx;
    font-family: PingFangSC-Regular;
    font-size: 28rpx;
    color: #7A7A7A;
    display: flex;
    align-items: center;
    background: #33363D;
    box-shadow: 0 0 8rpx 2rpx rgba(0,0,0,0.33);
    border-radius: 26rpx;
    border-radius: 26rpx;
    height: 60rpx;
    padding-left: 24rpx;
  }
  .top .r{
    margin-left: 14rpx;
  }
  .top .r image{
    width: 37rpx;
    height: 37rpx;
  }
  swiper.square-dot .wx-swiper-dot {
      background-color: #fff;
      opacity: 0.4;
      width: 10rpx;
      height: 10rpx;
      border-radius: 20rpx;
      margin: 0 8rpx !important;
  }
  
  swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active{
      opacity: 1;
      width: 30rpx;
  }
  .square-dot {
    height: 330rpx;
  }
  .swipers .imgs{
    border-radius: 10rpx;
    overflow: hidden;
    
    /* padding:0 10px; */
  }
  .swipers .imgs image{
    width: 96%;
    margin: 0 auto;
    transform: scale(0.8);
    /* height: 290rpx; */
  }
  .swipers .imgs .active{
    transform: scale(1);
  }
  .movieList .title{
    padding: 0 40rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .movieList .title .l{
    display: flex;
    align-items: center;
    font-family: PingFangSC-Medium;
    font-size: 36rpx;
    color: #DFDFDF;
    .bg{
      // transform: rotate(-270deg);
      background-image: linear-gradient(90deg, #F26182 5%, #F1A064 100%);
      width: 8rpx;
      height: 34rpx;
      display: block;
      margin-right: 10rpx;
    }
  }
  .movieList .title .r{
    display: flex;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #DFDFDF;
    image{
      width: 12rpx;
      height: 22rpx;
      margin-left: 10rpx;
    }
    
  }
  .scroll-view_H{
    white-space: nowrap;
    display: flex;
    align-items: center;
    .box{
      display: flex;
      align-items: center;
      padding-top: 16rpx;
      padding-left: 50rpx;
      padding-right: 50rpx;
    }
    .box1{
      display: flex;
      align-items: center;
      padding-top: 16rpx;
      padding-left: 50rpx;
      padding-right: 50rpx;
      
      .per{
        margin-right: 32rpx;
        position: relative;
      image{
        width: 590rpx;
        height: 320rpx;
      }
      .play{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 76rpx;
        height: 76rpx;
        opacity: 0.88;
background: #33363D;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
.inner{
  width: 0;
  height: 0;
  border: 26rpx solid rgba(216,216,216,0.70);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  margin-left: 30rpx;
}
      }
      }
     
    }
    .per{
      margin-right: 46rpx;
      image{
        width: 180rpx;
        height: 244rpx;
      }
      .t{
        width: 180rpx;
        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        font-family: PingFangSC-Medium;
font-size: 24rpx;
color: #DFDFDF;
padding: 12rpx 0;
      }
      .b{
        background-image: linear-gradient(150deg, #F25B86 0%, #F1AC5E 100%);
box-shadow: 0 8rpx 32rpx 0 rgba(0,0,0,0.50);
border-radius: 22rpx;
border-radius: 22rpx;
width: 100rpx;
height: 44rpx;
margin: 0 auto;
font-family: PingFangSC-Medium;
font-size: 24rpx;
color: #DFDFDF;
text-shadow: 0 4rpx 8rpx rgba(49,49,49,0.50);
display: flex;
align-items: center;
justify-content: center;
      }
    }
  }
  .scroll-view-item{
    height: 340rpx;
  }
  .scroll-view-item_H{
    display: inline-block;
    width: 100%;
    height: 340rpx;
  }